<!DOCTYPE html>
<html lang="en">

<head>
    <title>战队排行</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <script src="../../js/jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" href="../../css/public.css">
    <style>
        body{
            margin-bottom: 0;
        }
        .register_bg {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            background: linear-gradient(-45deg,  #160034, #00113E);
            background:-moz-linear-gradient(top, #160034, rgba(#00113E));  
            background:-o-linear-gradient(top, #160034, rgba(#00113E));
            z-index: 1;
        }

        .home_zhangdui_nav {
            overflow: hidden;
            background:  url('../../images/reg/back.png') 10px center no-repeat;
            border-bottom: 1px solid #24254E;
            background-size: 0.7rem;
        }
      .clanLogo{
          width: 18%;
      }
       .clanInfo{
           margin-top: 60px;
           padding: 10px;
       }
       .title{
           height: 70px;
           line-height: 70px;
           color: #D0D2F7;
           
           overflow: hidden;
       }
       .title img{
           display: block;
           float: left;
       }
       .clanName{
           float: left;
           /* width: 80%; */
           line-height: 70px;
           font-size: .4rem;
           margin-left: 5px;
       }
       .rate{
           font-size: .38rem;
           color: #FFCD29;
           margin-top: 10px;
       }
       .leagueMatch{
        display: inline;
        margin-left: 20px;
       }
       .details{
           font-size: .36rem;
           color: #BFC1F2;
           margin-top: 20px;
       }
    </style>
</head>

<body>

    <div class="register_bg">
        
        <div class="home_zhangdui_nav">
            <span class="goBack"></span>
            战队详情    
        </div>

        <div class="clanInfo">
           

        </div>
    
            
            
      
    </div>

    <script src="../../js/public.js"></script>
    
    <script>
        $(function(){
            let path = window.location.href
            let id = path.split('?')[1].split('=')[1]
            console.log(id)

            $.post(clanInfoUrl,{id}, (res) => {
                console.log(res)
                           let obj=res.obj
                          
                          let cont=` <div  class="title">
                <img class="clanLogo" src=${obj.fdAvatarPic} alt="">
                <div class="clanName">${obj.fdName}</div>
            </div>
            <div class="rate">
                胜率:<span class="winRate">${obj.fdWinningRate}%</span> <div class="leagueMatch">联赛胜率: <span class="lsRate">${obj.fdLeagueRate}%</span> </div>
            </div>
            <div class="details">
                ${obj.fdDesc}
            </div>`

            $('.clanInfo').append(cont)
   
                           
                       })
        })
    </script>
</body>

</html>